// import React from 'react';
// import moment from 'moment';
// import { DatePicker } from 'antd';
// import { getRangeDateFromNow } from '@/utils/utils';

// const { RangePicker } = DatePicker;

// export default class RangeDatePicker extends React.Component {
//   constructor(props) {
//     super(props);
//     const now = new Date().getTime();
//     const begin = new Date(now - (1000 * 60 * 60 * 24 * (this.props.defaultRangeDays || 0)));
//     this.state.selectedDate = [begin, new Date()];
//   }

//   state = { selectedDate: [] }

//   componentDidMount() {
//     if (this.props.immediately) {
//       this.props.onChange(this.state.selectedDate.map(x => moment(x)));
//     }
//   }

//   pickerOptions = [{
//     text: '最近一周',
//     getRangeDate() {
//       return getRangeDateFromNow(6);
//     },
//   }, {
//     text: '最近半个月',
//     getRangeDate() {
//       return getRangeDateFromNow(14);
//     },
//   }, {
//     text: '最近一个月',
//     getRangeDate() {
//       return getRangeDateFromNow(29);
//     },
//   }, {
//     text: '最近三个月',
//     getRangeDate() {
//       return getRangeDateFromNow(89);
//     },
//   }, {
//     text: '最近一年',
//     getRangeDate() {
//       return getRangeDateFromNow(365);
//     },
//   }]

//   render() {
//     const ranges = {};
//     this.pickerOptions.forEach((x) => {
//       ranges[x.text] = x.getRangeDate().map(y => moment(y));
//     });
//     return (
//       <RangePicker
//         dateRender={(current) => {
//           return (
//             <div className="ant-calendar-date">
//               {current.date()}
//             </div>
//           );
//         }}
//         ranges={ranges}
//         defaultValue={this.state.selectedDate.map(x => moment(x))}
//         onChange={(date) => { this.props.onChange(date); }}
//       />
//     );
//   }
// }
